4. Sublime 3 搭建React.js开发环境

环境搭建

Sublime Text 3 搭建 React.js 开发环境

render注意事项

render 的最外层一定要有一个包裹的元素。例如，下面代码会报错

render () {
   return (
        <div> 
          <input /> <button>提交</button>
        </div>
        <ul>
          <li> 111 </li>
        </ul>
      )
  }

Syntax error: Adjacent JSX elements must be wrapped in an enclosing tag (10:9)

我们可以使用React提供的Fragment组件来当作包裹的元素

render () {
  return (
      <Fragment> 
        <input /> <button>提交</button>
      	<ul>
        		<li> 111 </li>
      	</ul>
      </Fragment>
    )
}